/* list.html */

.toper { height:40px; width:100%; background:#e5e5e5; }
.toper .welcome { height:40px; float:left; line-height:40px; color:#666; font-size:13px; }
.toper .tnav { height:40px; float:right; line-height:40px; text-align:right; font-size:13px; } 
.toper .tnav em { font-style:normal; padding:0 8px; text-align:center; color:#999; }

.header{height: 105px;width: 100%;}
.header h1{height: 105px;line-height: 105px;}
.header h1 img{vertical-align: middle;}
.header .email{margin-top: 34px;margin-left: 15px;}
.header .email .top{text-align: right;}
.header .email p{display: block;color: #333;font-size: 16px;letter-spacing: -1px;}
.header .right{margin-top: 20px;margin-left: 10px;}
.header .right .info{width:170px;height: 23px;background-color: #000000;background-image:url('/home/images/info.png') no-repeat center center;margin-right:0;}
.header .telephone{background: url('/home/images/phone.png') no-repeat left center; background-size:auto 95%;padding-left: 55px;margin-top: 33px;}
.header .telephone p{display: block;color: #333;}
.header .telephone p:nth-child(1){font-size: 14px;}
.header .telephone p:nth-child(2){font-size: 22px;font-weight: bold;margin-top: 3px;}

.nav{background-color: #1e8dd4;line-height: 55px;height: 55px; }
.nav li{float: left; position:relative; z-index:10; }
.nav li a{font-size: 15px;color: #fff;display: inline-block;width: 136px;text-align: center;}
.nav li em{font-style: normal;display: inline-block;width: 16px;text-align: center; font-weight:bold; color:#75b8e3; }
.nav li:hover a,.nav li.active a{background: #00b2f0;}
.nav li .navBox { display:none; position:absolute; left:0; top:50px; }
.nav li:hover .navBox { display:block; transition:all .3s}
.nav li .navBox a { background:#1e8dd4;  line-height:20px; padding:18px 10px; margin:0;}
.nav li .navBox a:hover { background:#00b2f0; }


.solution{padding-top: 40px;}
.solution ul{margin-left: -1.5%;}
.solution li{display: block;width: 48.5%;height: 190px;float: left;margin-right: 1.5%;margin-top: 30px;  box-shadow: 0 0 10px #ddd;}
.solution li:hover{box-shadow: 0 0 10px #ccc;}

.solution .cases{margin-top: 15px;}
.solution li .img{width: 40%;overflow: hidden;height: 150px; margin:18px 3%}
.solution li .img img{transition: all .5s;}
.solution li:hover .img img{transform: scale(1.1);}
.solution li .info{width: 50%;padding: 27px 10px 0 15px;height: 190px;border: 0px solid #e5e5e5;border-left: 0;}
.solution li:hover .info{border: 1px solid #fff;border-left: 0;}
.solution li .info p{display: block;}
.solution li .info p:nth-child(1){font-size: 22px;color: #666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.solution li:hover .info p:nth-child(1){color: #00b3ee;}
.solution li .info p:nth-child(2){font-size: 14px;color: #666;line-height: 24px;margin: 15px 0 13px;height: 72px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.solution li:hover .info p:nth-child(2){color: #00b3ee;}
.solution li .info p:nth-child(3){font-size: 14px;color: #666;}
.solution li:hover .info p:nth-child(3){color: #00b3ee;}

.workcases{margin-top: 0px;padding-top: 50px; background-color: #fff;padding-bottom: 30px;}
.workcases .clearfix li{float: left;display: block;position: relative;margin-right: 2%;margin-top: 30px;overflow: hidden;}
.workcases .clearfix span{display: block;padding: 0 10px;position: absolute;height: 60px; width: 100%;bottom:0px;background-color: #f2f5fd;line-height: 60px;text-align: center;font-size: 18px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.workcases .clearfix li img{width:370px;height: 290px; overflow: hidden; transition: all .5s;}
.workcases .clearfix li:hover img{transform: scale(1.1);}

.workcases2{ padding-bottom: 30px;}
.workcases2 .clearfix li{float: left;display: block;position: relative;margin-right: 1.3%;margin-top: 30px;overflow: hidden;}
.workcases2 .clearfix span{display: block;padding: 0 10px;position: absolute;height: 72px; width: 100%;bottom:0px;background-color: #fff;line-height: 72px;text-align: center;font-size: 18px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; background:#f4f4f4}
.workcases2 .clearfix li img{width:384px;height: 300px; overflow: hidden; transition: all .5s;}
.workcases2 .clearfix li:hover img{transform: scale(1.1);}

.partners {margin-top: 0px;padding-top: 20px; background-color: #fff;padding-bottom: 30px;}
.partners .clearfix li{float: left;display: block; width:290px; height:380px; position: relative;margin-right: 12px;margin-top: 30px;overflow: hidden; background:#f4f4f4; }
.partners .clearfix div {display: block;padding: 0 10px 10px 10px;position: absolute;width: 100%; max-height:100px;bottom:0px;background-color: #f2f5fd;}
.partners .clearfix div p { width:100%; margin-top:6px; height:40px; line-height: 40px;text-align: center;font-size: 18px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.partners .clearfix div span { width:100%; display:block; overflow:hidden; color:#999; height:40px;text-overflow:ellipsis;}
.partners .clearfix li img{width:290px;height: 350px; overflow: hidden; transition: all .5s; }
.partners .clearfix li:hover img{transform: scale(1.1);}
.partners .clearfix li:nth-child(4n) { margin-right:0; }


.news .cases{margin-bottom: 50px;}
.news .cases li{margin-top: 55px;float: left;display: block;width: 48%;background-color: #f2f5fd;margin-right: 2%;}
.news .cases li img{float: left;margin-right: 10px;}
.news .cases span{display: block; font-size: 16px; font-weight: bold;margin-top: 25px;}
.news .cases p{line-height: 22px;margin-top: 5px;}
.news .cases .time{margin-top: 15px;}
.news .cases .timec{margin-top: 12px;}

.footer{padding: 0px 0 35px; margin-top:100px; background:#f0f0f0; }
.footer .container .flink { height:90px; padding:20px 0; border-bottom:solid 1px #c0c0c0; display:flex; }
.footer .container .flink .tel { width:25%; background:url(/home/images/ft_icon_01.png) 0 0 no-repeat; background-size:30px 30px; background-position:left center; height:40px; padding-left:40px; }
.footer .container .flink .mail { width:25%; background:url(/home/images/ft_icon_02.png) 0 0 no-repeat; background-size:30px 30px; background-position:left center; height:40px; padding-left:40px;}
.footer .container .flink .factory { width:25%; background:url(/home/images/ft_icon_03.png) 0 0 no-repeat; background-size:30px 30px; background-position:left center; height:40px; padding-left:40px;}
.footer .container .flink .site { width:25%; background:url(/home/images/ft_icon_04.png) 0 0 no-repeat; background-size:30px 30px; background-position:left center; height:40px; padding-left:40px;}

.footer .container .fmenu { width:100%; display:flex; padding:20px 0; }
.footer .container .fmenu .item { margin-right:50px; }
.footer .container .fmenu .item:last-child { margin-right:0; }
.footer .container .fmenu .item p { font-weight:bold; font-size:14px; }
.footer .container .fmenu .item .list { margin-top:15px; }
.footer .container .fmenu .item .list a { display:block; margin-bottom:10px; text-align:left; color:#333; }
.footer .container .fmenu .item .list a:hover { color:#01b3f1; }
.footer .container .fmenu .item:nth-child(1) { width:170px; }
.footer .container .fmenu .item:nth-child(2) { width:170px; }
.footer .container .fmenu .item:nth-child(3) { width:170px; }
.footer .container .fmenu .item:nth-child(4) { width:170px; }
.footer .container .fmenu .item:nth-child(5) { width:170px; }
.footer .container .fmenu .item:nth-child(6) { width:150px; text-align:center; }
.footer .container .fmenu img { margin-bottom:6px; }
.footer .navbar{text-align: center;font-size: 16px;color: #666;}
.footer .navbar a{font-size: 16px;color: #666;}
.footer .navbar a em{display: inline-block;font-style: normal;margin: 0 7px 0 12px;}
.footer .navbar a:hover{color: #01b3f1;}
.footer .bot{margin-top: 33px;}
.footer .tex-1 .tex{margin-left: 26px;}
.footer .tex-1 .tex p{display: block;color: #666;margin-top: 18px;}
.footer .tex-1 .tex p:nth-child(1){margin-top: 35px;}
.footer .middle{padding-left: 10px;background: url('/home/images/47-icon.png') no-repeat left center;height: 137px;padding-top: 28px;margin-left: 15px;}
.footer .middle li{padding-left: 34px;height: 21px;line-height: 21px;color: #666;margin-bottom: 10px;}
.footer .middle li p a{color: #666;}

.footer .middle li:nth-child(1){background: url('/home/images/phone-2.png') no-repeat left center; height:42px;}
.footer .middle li:nth-child(2){background: url('/home/images/mail.png') no-repeat left center;}
.footer .middle li:nth-child(3){background: url('/home/images/address.png') no-repeat left 6px;}

.footer .code{padding-left: 26px;background: url('/home/images/47-icon.png') no-repeat left center;height: 137px;padding-top: 12px;}
.footer .code-1{padding-right: 40px;background: url('/home/images/48-icon.png') no-repeat right center;height: 109px;margin-right: 17px;}
.footer .code-2{padding-right: 40px;background: url('/home/images/49-icon.png') no-repeat right center;height: 109px;}

.b-link{border-top: 1px solid #e5e5e5;text-align: center;font-size: 12px;color: #666;padding: 25px 0 37px;}
.b-link a{font-size: 12px;color: #666;margin: 0 3px;}
.b-link a:hover{color: #01b3f1;}

.copyright{border-top: 1px solid #e5e5e5;text-align: center;font-size: 12px;color: #fff; height:40px; background:#3e3e40; }
.copyright p { float:left; display:block; height:40px; line-height:40px; }
.copyright a{font-size: 12px;color: #fff; display:block; height:40px; line-height:40px; float:right; }
.copyright a:hover{color: #01b3f1;}

.title{width: 100%;text-align: center;}
.title p{display: block;}
.title p:nth-child(1){font-size: 26px;font-weight: bold;}
.title p:nth-child(2){width: 219px;height: 1px;background-color: #dcdcdc;position: relative;margin-top: 23px;}
.title p:nth-child(2) em{display: inline-block;width: 81px;height: 4px;background-color: #01b3f1;position: absolute;top: -3px;left: 50%;margin-left: -40.5px;}

.title-2 p:nth-child(2){width: 100px;height: 1px;background-color: #dcdcdc;position: relative;margin-top: 23px;}
.title-2 p:nth-child(2) em{display: inline-block;width: 38px;height: 4px;background-color: #01b3f1;position: absolute;top: -3px;left: 50%;margin-left: -19px;}

.title-3 p:nth-child(2) em{width: 35px;margin-left: -17.5px;}

/*分页导航*/
.nnav { height:50px; width:100%; padding:5px 0; }
.nnav a { height:40px; display:inline-block; line-height:40px; }
.nnav em { color:#999; padding:0 15px; font-style:normal; display:inline-block; background: url('/home/images/i-icon-01.png') no-repeat center center;height:40px; background-size:auto 30%; vertical-align:middle;  }
.nnav a.home { padding-left: 24px;background: url('/home/images/home.png') no-repeat left center; background-size:auto 40%; }

.nmenu { width:100%; background:#f4f4f4; height:50px; }
.nmenu .container { display:flex;  }
.nmenu a { width:120px; height:50px; line-height:50px; display:block; text-align:center; }
.nmenu a.active { background:#00b2f0; color:#fff; }
.nmenu a:hover { background:#00b2f0; color:#fff; }

/* 面包屑 */
.crumbs{color: #666;padding: 22px 0;}
.crumbs .container{padding-left: 25px;background: url('/home/images/home.png') no-repeat left center;}
.crumbs span{margin: 0 5px;}
.crumbs a{color: #666;}
.crumbs a:hover{color: #00b3ee;}
.crumbs a:last-child{color: #00b3ee;}

/* page-title */
.page-title span{display: inline-block;}
.page-title span:nth-child(1){width: 6px;height: 20px;background-color: #00b3ee;border-radius: 3px;position: relative;top: 2px;}
.page-title span:nth-child(2){font-size: 26px;letter-spacing: 2px;color: #333333;font-weight: bold;margin-left: 6px;}


/* pages 翻页 */
.pages { width:100%; height:56px; line-height:56px; margin:10px auto; text-align:center; padding:10px; border-top:0px solid #f6f6f6; font-family:"MicroSoft YaHei"; font-size:14px; color:#666;}
.pages a{ font-family:"MicroSoft YaHei"; font-size:14px; color:#000; text-decoration:none; padding:5px 10px; border:1px solid #e1e2e3; margin-right:6px;}
.pages a:hover{ color:#00b3f0; background:#f2f8ff; border: 1px solid #e1e2e3;}
.pages span{font-family:"MicroSoft YaHei"; font-size:14px; color:#333; text-decoration:none; padding:5px 10px; border:1px solid #f3f3f3; margin-right:6px;}
.pages strong{ color:#00b3f0; font-weight:500;}


/* 内容主体 */
.texs-con{background: #fff;padding-top: 10px;}
.texs-con .container{padding:  0 70px;}
.texs-con .tex-1 p{display: block;text-align: center;}
.texs-con .tex-1 p:nth-child(1){font-size: 26px;letter-spacing: 2px;color: #333333;margin-bottom: 15px;}
.texs-con .tex-1 p:nth-child(2){font-size: 14px;letter-spacing: 1px;color: #999999;}
.texs-con .tex-1 p img{margin: 26px 0 46px 0; text-align:center; }
.texs-con .tex-1 img{margin: 26px 0 46px 0; text-align:center; }

.texs-con .tex-2{padding: 45px 0; line-height: 30px;display: block; margin:10px 0; letter-spacing: 1px;color: #333;font-size: 16px; border-bottom:1px solid #ddd;}
.texs-con .tex-2 p{line-height: 30px;display: block; margin:10px 0; letter-spacing: 1px;color: #333;font-size: 16px;}
.texs-con .tex-2 p img{margin: 26px 0 46px 0; text-align:center; }
.texs-con .tex-2 img{margin: 26px 0 46px 0; text-align:center; }

.texs-con .tex-3{padding: 15px 0 45px 0; line-height: 30px;display: block; margin:10px 0; letter-spacing: 1px;color: #333;font-size: 16px; border-bottom:1px solid #ddd;}
.texs-con .tex-3 p{line-height: 30px;display: block; margin:10px 0; letter-spacing: 1px;color: #333;font-size: 16px; text-align:center;}
.texs-con .tex-3 p img{margin: 26px 0 46px 0; text-align:center; }
.texs-con .tex-3 img{margin: 26px 0 46px 0; text-align:center; }



.articles{background: #f2f5fd;padding: 0px 0;}
.articles .con{margin-top: 32px;}
.articles ul{margin-left: -2%;}
.articles li{float: left;width: 48%;margin-left: 2%;background: #fff;padding: 18px;margin-bottom: 20px;}
.articles li .img{width: 38%;overflow: hidden;}
.articles li .img img{transition: all .5s;}
.articles li:hover .img img{transform: scale(1.1);}
.articles li .tex{width: 62%;padding: 10px 0 0 14px; }
.articles li .tex p{display: block;}
.articles li .tex p:nth-child(1){font-size: 16px;font-weight: bold;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.articles li:hover .tex p:nth-child(1){color: #00b3ee;}
.articles li .tex p:nth-child(2){color: #999;line-height: 25px;margin: 10px 0 16px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.articles li .tex p:nth-child(3){color: #333;padding-left: 20px;background: url('/home/images/shijian.png') no-repeat left 2px;}

.l-articles{background: #fff;background-size: 100% auto;padding-top:15px;padding-bottom: 0;}
.l-articles li{padding: 0;background: #f2f5fd;margin-bottom: 0;margin-top: 55px;}
.l-articles .con{margin-top: 0;}
.l-articles li .img{width: 38%;}
.l-articles li .tex{width: 62%;}
.l-articles li .tex{padding: 13px 22px 0 15px;}
.l-articles li .tex p:nth-child(2){margin: 10px 0 7px;}
.l-articles ul{margin-left: -2%;}
.l-articles li{width: 48%;margin-left: 2%;}

.engineering{background: #fff; background-size: 100% auto;padding: 70px 0 0 0;}
.engineering .con{margin-top: 45px;position: relative;padding: 0 4%;}
.engineering .con .swiper-slide{position: relative;}
.engineering .con .swiper-slide .img,.l-case li .img{overflow: hidden;}
.engineering .con .swiper-slide .img img,.l-case li .img img{transition: all .5s;}
.engineering .con .swiper-slide:hover .img img,.l-case li:hover .img img{transform: scale(1.1);}
.engineering .con .swiper-slide .tex,.l-case li .tex{background: rgba(255,255,255,0.6);color: #000;text-align: center;font-size: 20px;position: absolute;bottom: 0;left: 0;width: 100%;height: 50px;line-height: 50px;padding: 0 10px;}
.engineering .con .swiper-slide .tex span{display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.eng-next{right: 0px;left: auto;position: absolute;background: url('/home/images/xw-arrow-02.png') no-repeat;top: 50%;margin-top: -18.5px;width: 23px;height: 37px;z-index: 10;cursor: pointer;background-size: 23px 37px;background-position: center;background-repeat: no-repeat;}
.eng-prev{left: 0px;right: auto;position: absolute;background: url('/home/images/xw-arrow-01.png') no-repeat;top: 50%;margin-top: -18.5px;width: 23px;height: 37px;z-index: 10;cursor: pointer;background-size: 23px 37px;background-position: center;background-repeat: no-repeat;}

.h-banner{position: relative;}
.h-banner .b-bot{position: absolute;left: 0;bottom: 0;z-index: 999;padding-top: 15px;height: 90px;width: 100%;background: rgba(30,141,212,0.75);}
.h-banner .b-bot li{float: left;}
.h-banner .b-bot li a .tex span{display: block;font-size: 24px;font-weight: bold;color: #fff;}
.h-banner .b-bot li a .tex p{display: block;margin-top: 7px;color: #fff;}

.h-banner .b-bot li .tex span{display: block;font-size: 24px;font-weight: bold;color: #fff;}
.h-banner .b-bot li .tex p{display: block;margin-top: 7px;color: #fff;}

.h-banner .b-bot li img{position: relative;top: 0;transition: all .5s;}
.h-banner .b-bot li:hover img{top: -15px;}
.h-banner .b-bot li:nth-child(2){margin-left: 45px;}
.h-banner .b-bot li:nth-child(3){margin-left: 60px;}
.h-banner .b-bot li:nth-child(4){margin-left: 65px;}
.h-banner .b-bot li:nth-child(1) a .tex{margin-left: 8px;}
.h-banner .b-bot li:nth-child(2) a .tex{margin-left: 8px;}
.h-banner .b-bot li:nth-child(3) a .tex{margin-left: 15px;}
.h-banner .b-bot li:nth-child(4) a .tex{margin-left: 20px;}

.purification{padding: 50px 0 0;}
.purification .con{padding: 0 90px;margin-top: 15px;}
.purification .con ul{margin-left: -49px;}
.purification .con li{width: 218px;height: 218px;margin-top: 30px;margin-left: 49px;float: left;background: #f4f3f3;border-radius: 100%;text-align: center;padding-top: 30px;}
.purification .con li .icon{width: 73px;height: 64px;}
.purification .con li .tex p{display: block;}
.purification .con li .tex p:nth-child(1){font-size: 24px;color: #666;margin: 20px 0 12px;padding: 0 15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.purification .con li .tex p:nth-child(2){color: #999;padding: 0 25px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.purification .con li .tex p:nth-child(3){display: none;width: 71px;height: 22px;line-height: 22px;background-color: #ffffff;border-radius: 11px;color: #01b3f1;text-align: center;}
@media (min-width:1200px){
.purification .con li:hover{background: #00b2f0;}
.purification .con li:hover .tex p:nth-child(1){color: #fff;}
.purification .con li:hover .tex p:nth-child(2){display: none;}
.purification .con li:hover .tex p:nth-child(3){display: block;}
}
.purification .con li:nth-child(1) .icon{background: url('/home/images/gc-icon-01.png') no-repeat;background-size: 100% 100%;}
.purification .con li:nth-child(2) .icon{background: url('/home/images/gc-icon-02.png') no-repeat;background-size: 100% 100%;}
.purification .con li:nth-child(3) .icon{background: url('/home/images/gc-icon-03.png') no-repeat;background-size: 100% 100%;}
.purification .con li:nth-child(4) .icon{background: url('/home/images/gc-icon-04.png') no-repeat;background-size: 100% 100%;}
.purification .con li:nth-child(5) .icon{background: url('/home/images/gc-icon-05.png') no-repeat;background-size: 100% 100%;}
.purification .con li:nth-child(6) .icon{background: url('/home/images/gc-icon-06.png') no-repeat;background-size: 100% 100%;}
.purification .con li:nth-child(7) .icon{background: url('/home/images/gc-icon-07.png') no-repeat;background-size: 100% 100%;}
.purification .con li:nth-child(8) .icon{background: url('/home/images/gc-icon-08.png') no-repeat;background-size: 100% 100%;}
.purification .con li:nth-child(1):hover .icon{background: url('/home/images/gc-icon-11.png') no-repeat;background-size: 100% 100%;}
.purification .con li:nth-child(2):hover .icon{background: url('/home/images/gc-icon-22.png') no-repeat;background-size: 100% 100%;}
.purification .con li:nth-child(3):hover .icon{background: url('/home/images/gc-icon-33.png') no-repeat;background-size: 100% 100%;}
.purification .con li:nth-child(4):hover .icon{background: url('/home/images/gc-icon-44.png') no-repeat;background-size: 100% 100%;}
.purification .con li:nth-child(5):hover .icon{background: url('/home/images/gc-icon-55.png') no-repeat;background-size: 100% 100%;}
.purification .con li:nth-child(6):hover .icon{background: url('/home/images/gc-icon-66.png') no-repeat;background-size: 100% 100%;}
.purification .con li:nth-child(7):hover .icon{background: url('/home/images/gc-icon-77.png') no-repeat;background-size: 100% 100%;}
.purification .con li:nth-child(8):hover .icon{background: url('/home/images/gc-icon-88.png') no-repeat;background-size: 100% 100%;}
.purification .p-bot{padding: 0 60px;position: relative;margin-top: 75px;}
.purification .p-bot .swiper-slide{position: relative;overflow: hidden;}
.purification .p-bot .swiper-slide img{transition: all .5s;}
.purification .p-bot .swiper-slide:hover img{transform: scale(1.1);}
.purification .p-bot .swiper-slide .tex{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(252,133,5,0.6);text-align: center;}
.purification .p-bot .swiper-slide:hover .tex{display: block;}
.purification .p-bot .swiper-slide a{color: #fff;}
.purification .p-bot .swiper-slide a .tex p{display: block;}
.purification .p-bot .swiper-slide a .tex p:nth-child(1){font-size: 26px;margin: 100px 0 17px;padding: 0 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.purification .p-bot .swiper-slide a .tex p:nth-child(2){width: 74px;height: 4px;background-color: #ffffff; color:#00b2f0}
.p-bot-next{right: 0px;left: auto;position: absolute;background: url('/home/images/14-icon.png') no-repeat;top: 50%;margin-top: -27px;width: 30px;height: 54px;z-index: 10;cursor: pointer;background-size: 30px 54px;background-position: center;background-repeat: no-repeat;}
.p-bot-prev{left: 0px;right: auto;position: absolute;background: url('/home/images/13-icon.png') no-repeat;top: 50%;margin-top: -27px;width: 30px;height: 54px;z-index: 10;cursor: pointer;background-size: 30px 54px;background-position: center;background-repeat: no-repeat;}

.purification .p-choice{margin-top: 74px;margin-bottom: 25px;}
.purification .p-choice .c-01{text-align: center;}
.purification .p-choice .cons{margin-top: 35px;}
.purification .p-choice .cons .c-l-left{width: 46.916%;padding-left: 40px;}
.purification .p-choice .cons .c-l-right{width: 52.083%;}
.purification .p-choice .cons .c-l-right li{color: #333;height: 54px;line-height: 46px;margin-top: 34px;}
.purification .p-choice .cons .c-l-right li img{position: relative;top: 0;transition: all .5s;}
.purification .p-choice .cons .c-l-right li:hover img{top: -10px;}
.purification .p-choice .cons .c-l-right li:last-child{margin-top: 26px; }
.purification .p-choice .cons .c-l-right li span:nth-child(2){letter-spacing: 1px;font-size: 24px;font-weight: bold;margin: 0 10px 0 18px;}
.purification .p-choice .cons .c-l-right li span:nth-child(3){letter-spacing: 1px;font-size: 16px;}
.purification .p-choice .cons .c-l-right li:nth-child(2),.purification .p-choice .cons .c-l-right li:nth-child(4){margin-left: 74px;}
.purification .p-choice .cons .c-l-right li:nth-child(3){margin-left: 124px;}

.advantage{background: url('/home/images/h-ys-bg.jpg') no-repeat center center;padding: 80px 0 80px; margin-top: 74px;}
.advantage .h-title p img{position: relative;top: -8px;}
.advantage .con{margin-top: 60px;}
.advantage .con .tab{text-align: center;font-size: 0;}
.advantage .con .tab a{display: inline-block;width: 150px;height: 45px;margin: 0 16px;line-height: 45px;font-size: 18px;letter-spacing: 3px;color: #fff; border:solid 1px #fff;border-radius: 45px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap; padding:0 15px;}
.advantage .con .tab a:hover,.h-news .con .tab a.active{color: #fff;background: #6ec279; border:solid 1px #6ec279; }
.advantage .clearfix li{float: left;display: block;position: relative;margin-right: 1.3%;margin-top: 30px;overflow: hidden;}
.advantage .clearfix span{display: block;padding: 0 10px;position: absolute;height: 52px; width: 100%;bottom:0px;background-color: #fff;line-height: 52px;text-align: center;font-size: 18px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; background:#f4f4f4}
.advantage .clearfix li img{width:284px;height: 260px; overflow: hidden; transition: all .5s;}
.advantage .clearfix li:hover img{transform: scale(1.1);}

.h-title{text-align: center;}
.h-title p{display: block;font-size: 42px;color: #333;margin-bottom: 12px; font-weight:bold; width:320px; height:60px; background:url(/home/images/h-title-t1.png) 0 0 no-repeat; background-size:100% 100%; }
.h-title .t-line span{display: inline-block; font-size:16px; color:#999; }

.w-title p{display: block;font-size: 42px;color: #fff;margin-bottom: 12px;}
.w-title .t-line span:nth-child(2){font-size: 24px;color: #fff;margin: 0 20px;}
.w-title .t-line span:nth-child(1),.w-title .t-line span:nth-child(3){width: 67px;height: 1px;background: #fff;position: relative;top: -8px;}

.choice{margin-top: 50px;}
.choice .con{margin-top: 40px;}
.choice .con li{float: left;width: 24%;margin-left: 1%;overflow: hidden;position: relative;}
.choice .con li img{transition: all .5s;}
.choice .con li:hover img{transform: scale(1.1);}
.choice .con li p{padding: 0 10px;display: block;position: absolute;left: 0;bottom: 0;width: 288px;height: 45px;line-height: 45px;color: #333;font-size: 16px;text-align: center;background-color: #f2f5fc;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.h-team{margin-top: 55px;}
.h-team .con{margin-top: 55px;padding: 0 35px;position: relative;}
.h-team .con .swiper-container{padding-top: 100px !important;padding-bottom: 15px !important;}
.h-team .con .swiper-slide{position: relative;background-color: #ffffff;height: 225px;padding:0 10px 10px 10px;}
.h-team .con .swiper-slide a{display: inline-block;width: 100%;height: 100%;box-shadow: -1px 0px 15px 0px rgba(57, 56, 57, 0.1);}
.h-team .con .swiper-slide .img{position: absolute;left: 50%;margin-left: -87.5px;top: -87.5px;transition: all .5s;}
.h-team .con .swiper-slide:hover .img{top: -100px;}
.h-team .con .swiper-slide .tex-1{margin-top: 96px;padding: 0 28px;color: #999;line-height: 24px;font-size: 12px;}
.h-team .con .swiper-slide .tex-1 p{display: block;height: 70px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.h-team .con .swiper-slide .tex-2{position: absolute;left: 10px;bottom: 0;width: 340px;text-align: center;height: 48px;line-height: 48px;background-color: #f2f5fc;font-weight: bold;color: #333;font-size: 18px;}
.h-team .con .swiper-slide .mc{position: absolute;left: 50%;bottom: -14px;margin-left: -168px;display: none;}
.h-team .con .swiper-slide:hover .mc{display: block;}

.h-team-next{right: 0px;left: auto;position: absolute;background: url('/home/images/i-icon-01.png') no-repeat;top: 50%;margin-top: 33px;width: 13px;height: 26px;z-index: 10;cursor: pointer;background-size: 13px 26px;background-position: center;background-repeat: no-repeat;}
.h-team-prev{left: 0px;right: auto;position: absolute;background: url('/home/images/i-icon-02.png') no-repeat;top: 50%;margin-top: 33px;width: 13px;height: 26px;z-index: 10;cursor: pointer;background-size: 13px 26px;background-position: center;background-repeat: no-repeat;}

.h-honor{background: url('/home/images/h-zs-bg.jpg') no-repeat center center;padding: 65px 0 90px;margin-top: 77px;}
.h-honor .con{margin-top: 55px;padding: 0 70px;position: relative;}
.h-honor-next{right: 0px;left: auto;position: absolute;background: url('/home/images/14-icon.png') no-repeat;top: 50%;margin-top: -26px;width: 30px;height: 52px;z-index: 10;cursor: pointer;background-size: 30px 52px;background-position: center;background-repeat: no-repeat;}
.h-honor-prev{left: 0px;right: auto;position: absolute;background: url('/home/images/13-icon.png') no-repeat;top: 50%;margin-top: -26px;width: 30px;height: 52px;z-index: 10;cursor: pointer;background-size: 30px 52px;background-position: center;background-repeat: no-repeat;}

.h-partner{padding: 70px 0 60px; background-size: 100% auto;}
.h-partner .con{position: relative;margin-top: 40px;}
.h-partner-next{right: -40px;left: auto;position: absolute;background: url('/home/images/h-t-icon-02.png') no-repeat;top: 50%;margin-top: -14px;width: 16px;height: 28px;z-index: 10;cursor: pointer;background-size: 16px 28px;background-position: center;background-repeat: no-repeat;}
.h-partner-prev{left: -40px;right: auto;position: absolute;background: url('/home/images/h-t-icon-01.png') no-repeat;top: 50%;margin-top: -14px;width: 16px;height: 28px;z-index: 10;cursor: pointer;background-size: 16px 28px;background-position: center;background-repeat: no-repeat;}

.h-service{margin-top: 62px;}
.h-service .con{margin-top: 30px;}
.h-service li{float: left;width: 154px;text-align: center;position: relative;margin-left: 50px;margin-top: 15px;}
.h-service li p{display: block;}
.h-service li p:nth-child(2){font-size: 20px;font-weight: bold;margin-top: 9px;}
.h-service li p:nth-child(3){color: #666;line-height: 23px;}
.h-service li .s-arrow{position: absolute;top: 50%;right: -38px;margin-top: -48.5px;}
.h-service li:nth-child(5) .s-arrow,.h-service li:last-child .s-arrow{display: none;}
.h-service li:nth-child(6){margin-left: 312px;}
.h-service li:nth-child(1){margin-left: 100px;}
.h-service li .s-1{position: relative;top: 0;transition: all .5s;}
.h-service li:hover .s-1{top: -10px;}
.h-service li:hover p:nth-child(2){color: #01b3f1;}

.h-about{margin-top: 60px;}
.h-about .con{position: relative;margin-top: 70px;}
.h-about .con .texs{width: 884px;padding: 25px 40px 30px 278px;background-color: #f4f3f3;}
.h-about .con .img{position: absolute;left: 0;top: -30px;overflow: hidden;z-index: 999;}
.h-about .con .img img{transition: all .5s;}
.h-about .con .img:hover img{transform: scale(1.1);}
.h-about .con .texs .tex-1{font-size: 24px;color: #333333;font-weight: bold;}
.h-about .con .texs .tex-2{letter-spacing: 2px;line-height: 32px;color: #666;font-size: 16px;margin-top: 20px;}
.h-about .con .texs .tex-2 p{display: inline;}
.h-about .con .texs .tex-2 a{display: inline;color: #00b3ee;}
.h-about .con .texs .tex-3{margin-top: 25px;}
.h-about .con .texs .tex-3 li{width: 33%;text-align: center;float: left;position: relative;}
.h-about .con .texs .tex-3 li i{display: inline-block;width: 1px;height: 108px;background-color: #d2d2d2;position: absolute;top: -5px;right: 0;}
.h-about .con .texs .tex-3 li .icon{display: block;width: 72px;height: 73px;}
.h-about .con .texs .tex-3 li .tex{font-size: 24px;color: #333;margin-top: 12px;}
.h-about .con .texs .tex-3 li:hover .tex{color: #00b3ee;}

.h-about .con .texs .tex-3 li:nth-child(1) .icon{background: url('/home/images/h-a-icon-01.png') no-repeat center center;}
.h-about .con .texs .tex-3 li:nth-child(2) .icon{background: url('/home/images/h-a-icon-02.png') no-repeat center center;}
.h-about .con .texs .tex-3 li:nth-child(3) .icon{background: url('/home/images/h-a-icon-03.png') no-repeat center center;}
.h-about .con .texs .tex-3 li:nth-child(1):hover .icon{background: url('/home/images/h-a-icon-11.png') no-repeat center center;}
.h-about .con .texs .tex-3 li:nth-child(2):hover .icon{background: url('/home/images/h-a-icon-22.png') no-repeat center center;}
.h-about .con .texs .tex-3 li:nth-child(3):hover .icon{background: url('/home/images/h-a-icon-33.png') no-repeat center center;}

.h-news{margin-top: 45px;padding: 70px 0 90px;background: url('/home/images/h-xw-bg.jpg') no-repeat center center;background-size: 100% 100%;}
.h-news .con{margin-top: 28px;}
.h-news .con .tab{text-align: center;font-size: 0;}
.h-news .con .tab a{display: inline-block;width: 150px;height: 45px;margin: 0 16px;line-height: 45px;font-size: 20px;letter-spacing: 3px;color: #999999;background-color: #ffffff;border-radius: 45px;}
.h-news .con .tab a:hover,.h-news .con .tab a.active{color: #fff;background: #6ec279;}
.h-news .con .tex{margin-top: 57px; padding: 0 30px;}
.h-news .con .tex .item .img{width: 520px;}
.h-news .con .tex .item .img .swiper-pagination{text-align: right !important;bottom: 4.5%;padding-right: 20px;}
.h-news .con .tex .item .img .swiper-pagination-bullet{width: 14px;height: 14px;background: #A49C95;margin: 0 8px;}
.h-news .con .tex .item .img .swiper-pagination-bullet-active{width: 14px;height: 14px;background: #fff; }
.h-news .con .tex .item .img .swiper-slide{position: relative;overflow: hidden;}
.h-news .con .tex .item .img .swiper-slide img{transition: all .5s;}
.h-news .con .tex .item .img .swiper-slide:hover img{transform: scale(1.1);}
.h-news .con .tex .item .img .swiper-slide .texts{position: absolute;left: 0;bottom: 0;width: 100%;height: 52px;line-height: 52px;font-size: 14px;color: #fff;padding: 0 15px;background: rgba(0,0,0,0.7);}
.h-news .con .tex .item .img .swiper-slide:hover .texts{color: #00b3ee;}
.h-news .con .tex .item .text{width: 487px;margin-right: 45px;padding-top: 8px;}
.h-news .con .tex .item .text a{color: #fff;}
.h-news .con .tex .item .text a p{display: block;}
.h-news .con .tex .item .text a p:nth-child(1){font-size: 22px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.h-news .con .tex .item .text a p:nth-child(2){line-height: 22px;margin-top: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.h-news .con .tex .item .text a p:nth-child(1):hover{color: #6ec279;}
.h-news .con .tex .item .text .items{margin-top: 22px;padding-left: 40px;background: url('/home/images/h-xw-icon.png') no-repeat left 4px;}
.h-news .con .tex .item .text .items:nth-child(1){margin-top: 0;}


.h-daohang{margin:0 0 0px 0; background:#f4f4f4;}
.h-daohang .tab{text-align: center;font-size: 0; display:flex;}
.h-daohang .tab a{ display:block; margin: 0 6px 0 0;min-width: 150px; padding:0 10px;height: 56px;line-height: 56px;font-size: 15px;letter-spacing: 3px;color: #000; }
.h-daohang .tab a:hover {color: #fff;background:url(/home/images/fudaohang-bg.gif)}
.h-daohang .tab .active{color: #fff;background:url(/home/images/fudaohang-bg.gif)}



.about{margin-top: 10px;}
.about .con{margin-top: 96px;}
.about .con li{height: 283px;background-color: #ffffff;box-shadow: 0 0 10px rgba(87,95,179,0.5);padding: 40px 30px 0;}
.about .con li:nth-child(2){padding: 30px 30px 0;}
.about .con li:nth-child(1){margin-bottom: 150px;}
.about .con li:nth-child(odd) .img{float: left;}
.about .con li:nth-child(odd) .tex{float: right;}
.about .con li:nth-child(even) .img{float: right;}
.about .con li:nth-child(even) .tex{float: left;}
.about .con li .img{width: 49.824%;overflow: hidden;}
.about .con li:nth-child(1) .img{margin-top: -85px;}
.about .con li:nth-child(1) .img img{transition: all .5s;}
.about .con li:nth-child(1):hover .img img{transform: scale(1.1);}
.about .con li:nth-child(2) .img{margin-top: -90px;}
.about .con li .tex{width: 46.578%;color: #333;}
.about .con li .img video{width: 100%;object-fit:fill;}
.about .con li .tex p{display: block;}
.about .con li .tex p:nth-child(1){line-height: 30px;text-align: justify;}
.about .con li .tex .p{width: 62px;height: 4px;background-color: #01b3f1;margin-left: 0;margin-top: 20px;}
.about .con li:nth-child(1) .tex p:nth-child(1){height: 180px;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.about .con li:nth-child(2) .tex p:nth-child(1){height: 210px;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}

.contact{margin-top: 70px;background-size: 100% auto;}
.contact .con{padding: 0 50px;}
.contact .con ul{margin-left: -74px;}
.contact .con li{position: relative;float: left;width: 513px;margin-left: 74px;margin-top: 40px;height: 119px;box-shadow: 0 0 10px rgba(87,95,179,0.5);background: #fff;}
.contact .con li{padding: 25px 20px 20px 30px;}
.contact .con li .img{width: 18.723%;float: left;border-right: 1px dashed #E0E0E0;padding-bottom: 10px;}
.contact .con li .img img{position: relative;top: 0;transition: all .5s;}
.contact .con li .tex{width: 78.595%;float: right;font-size: 16px;color: #333;line-height: 30px;height: 90px;padding-top: 7px;}
.contact .con li .tex a{color: #333;}
.contact .con li:nth-child(2) .tex{padding-top: 0;position: relative;top: -10px;}
.contact .con li:nth-child(4) .tex{padding-top: 0;position: relative;top: 12px;}
.contact .con li:nth-child(5) .tex{padding-top: 0;position: relative;top: -10px;}
.contact .map{width: 100%;height: 487px;margin-top: 60px;}

.BMapLib_SearchInfoWindow .BMapLib_bubble_content{height: auto !important;}

@media (min-width:1200px){
.contact .con li:hover .img img{top: -10px;}
}

.m-con{display: none;}
.m-banner{display: none;}

/*人才招聘*/
.jobs .container { }
.jobslist{ margin:0px; padding:0px 0px 60px;}
.jobslist ul{ margin:0px; padding:0px;}
.jobslist ul li{ margin:0px; padding:30px 0px 0px; margin-top:35px; background:#f4f4f4; border-radius:5px; }
.jobslist ul li h3{ padding:20px 0px 20px; border-bottom:1px solid #f0f0f0;}
.jobslist ul li h3 strong{ font-size:24px; line-height:28px; display:inline-block; padding-top:15px;}
.jobslist ul li h3 span{ float:right; font-size:14px; display:block; padding:30px 40px 0px 0px;}
.jobslist ul li h3 em{ display:block; font-size:12px; color:#8c8a89; padding-top:5px;}
.jobslist ul li h3 img{ display:block; float:left;margin:0px 30px;}

.jobslistbox{padding:0px 40px 40px; }
.jobslistbox dl{ margin:0px; padding-top:40px;}
.jobslistbox dl h4{font-size:18px; color:#424242;}
.jobslistbox dl dt{ float:left; width:105px; font-size:18px; color:#424242;}
.jobslistbox dl dd{ float:right; width:960px; color:#575757; white-space:pre-line; line-height:24px; }
.jobslistbox p{ padding:40px 0px 0px;color:#575757}
.jobslistbox p.jobfont14{ font-size:14px;}
.jobslistbox p a.Delivery{ background:#00a0e9; display:inline-block; width:155px; height:50px; line-height:50px; font-size:18px; font-weight:bold; color:#FFF;}

/*留言板*/
.book{ width:100%; margin:0px auto; background:#ffffff; border:1px solid #dee0e0; height:680px; border-radius:10px; box-shadow:0px -1px 5px #e5e6e6; position:relative;}
.book h3{ text-align:center; font-size:24px; color:#464646; padding:60px 0px 70px;}
.book ul{ margin:0px; padding:0px 0px 0px 110px;}
.book ul li{margin:0px; padding:0px; min-height:65px; height:auto !important; height:65px; color:#464646;}
.book ul li span{float:left;width:95px; font-size:16px; line-height:45px;}
.book ul li span.pl70{ padding-left:20px;}
.book ul li label{float:left;background:#f7f7f7; padding:15px 10px; display:block; box-shadow:1px 1px 3px #bdbcbc inset;}
.book ul li label input{ float:left; width:100%; background:none; border:none; outline:none; font-size:15px; font-family:"微软雅黑";color:#464646;}
.book ul li label.nichen{ width:320px;}
.book ul li.cont{ padding-bottom:20px;}
.book ul li label.cont{ width:736px;}
.book ul li label.cont textarea{ width:99%; height:110px; overflow:hidden; border:none; background:none; outline:none;font-size:15px; font-family:"微软雅黑";color:#464646;}
.book ul li img{ display:block; float:left; margin-left:20px;}
.book dl{ text-align:center; padding-top:50px;}
.book dl input{ width:120px; height:45px; font-size:18px; font-family:"微软雅黑"; font-weight:bold; color:#FFF; margin:0px 10px; border-radius:10px; outline:none; cursor:pointer;}
.book dl input.Confirm{ background:#00a0e9;}
.book dl input.Reset{ background:#bcbcbc;}

/*右侧悬浮菜单*/
.slide{
	width: 50px;
	height: 180px;
	position: fixed;
	top: 50%;
	margin-top: -90px;
	background: #00b3ee;
	right: 0;
	border-radius: 5px 0 0 5px;
	z-index: 999;
	padding:15px 0;
}
.slide ul{
	list-style: none;
}
.slide .icon li{
	width: 49px;
	height: 50px;
	background: url(/home/images/icon.png?v=1) no-repeat;
}
.slide .icon li.qq{
	background-position:-385px -73px ;
}
.slide .icon li.tel{
	background-position:-385px -160px ;
}
.slide .icon li.wx{
	background-position:-385px -120px ;
}
.slide .info{
	top: 50%;
	height: 147px;
	position: absolute;
	right: 100%;
	background: #00b3ee;
	width: 0px;
	overflow: hidden;
	margin-top: -73.5px;
	transition:0.5s;
	border-radius:4px 0 0 4px ;
}
.slide .info.hover{
	width: 145px;
	
}
.slide .info li{
	width: 145px;
	color: #fff;
	text-align: center;
}
.slide .info li p{
	font-size: 1.1em;
	line-height: 2em;
	padding: 15px;
	text-align: left;
}
.slide .info li.qq p a{
	display: block;
	margin-top: 12px;
	width: 100px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	font-size: 16px;   
	text-align: center;
	text-decoration: none;
	border: 1px solid #fff;
	border-radius: 5px;
}
.slide .info li.qq p a:hover{
	color: #FFFFFF;
	border: none;
	background: #00E0DB;
}
.slide .info li div.img{
	height: 100%;
	background: #DEFFF9;
	margin: 15px;
}
.slide .info li div.img img{
	width: 100%;
	height: 100%;
}